import React from 'react'
import { Tabbar } from 'react-vant'
import {NavLink} from "react-router-dom"
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'

export default () => {
  return (
    <div className='demo-tabbar'>
      <Tabbar>
        <Tabbar.Item icon={<HomeO />}>
            <NavLink to="/home/shophome">首页</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<Search />}>
           <NavLink to="/home/myshopcar">购物车</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<FriendsO />}>
        <NavLink to="/home/my">
           订单
        </NavLink>
        </Tabbar.Item>
   
      </Tabbar>
    </div>
  )
}
